@media (max-width: 1780px){
	.header .w_120{ padding:0 20px}
    .other_links { margin-left: 0; }
}
@media (max-width: 1680px){
	.wrap_3_in{ width:96%}
	.home_banner .swiper-container{ height:640px;}
}
@media (max-width: 1680px) {
    .other_links .company { display: none; }
}
@media (max-width: 1600px){
    nav ul li{ margin:0 15px}
    .product_wel .right span {
        color: #0a4e97;
        font-size: 16px;
        line-height: 20px;
        display: block;
        margin-bottom: 25px;
    }
    .product_wel .right h1{ font-size:23px; line-height:26px;}
    .video_wel .left {padding: 3% 3.3%;}
    .other_links{ margin-left:0}
    .sou_r em {
        width: 19px;
        height: 19px;
        background: url(../img/search.png) no-repeat center;
        background-size: 100% 100%;
        display: block;
        margin-top: 41px;
        margin-left: 30px;
        margin-right: 8px;
    }
}
@media (max-width: 1500px){
    .other_banner .banner .title .p1{ margin-top:8%}
}

@media (max-width: 1450px){
    .home_banner .swiper-container{ height:580px}
    .product_wel .right{ padding:3%}
    .product_wel .right .text{ margin-bottom:20px}
    .product_wel .right b{ height:36px; line-height:36px;}
    .video_wel .left a.more{height:36px; line-height:36px;}
    .product_wel li .right b:hover:after{ bottom:8px;}
    .news_box_tit.w_1400 {
        margin-bottom: 30px;
    }
    .z-index{ padding-top:30px;}
    }
    @media (max-width: 1410px){
    .w_1500{ width:98%}
    }
    @media (max-width: 1400px){
    .home_banner .swiper-slide .title.title_4{ margin-left:12%}
    .contact_job .contact_right .con{ padding:5%}
    .contact_job .contact_right .con span{ margin-bottom:3%}
    .map_content .contact_100{ margin-left:-247px}
    nav ul span a {
        font-size: 12px;
        line-height: 20px;
        padding: 10px 15px;
    }
    nav ul li:hover span{ width:120px; left:-20px}
    .in_top li a{ margin:0 20px}
    .in_top ul{ width:96%}
    .video_wel .left .p2 {
        color: #333;
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 30px;
    }

    .video_wel .left .p1 {
        color: #666;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 14px;
    }
    .video_wel .left .text {
        margin-bottom: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #999;
    }
    .ab_3 .left{ width:40%; padding-right:5%}
    .ab_3 .right ul{ width:100%}
    .ab_3 .right li {
        width: 46%;
        height: auto;
        padding: 30px 20px;
        margin: 2%;
    }
    .ab_3 .right li .text h1{ font-size:16px; margin-bottom:10px}
    .ab_3 .right li .imgs{ width:23%; margin-right:0}
    .ab_3 .right li .text{ width:75%; font-size:13px;}
    .ab_3 .right{ width:60%}
    .ab_dis_list.w_1400{ margin-bottom:110px;}
    .ab_2 .tip_ab2{ width:94%}
    .ab_2 .tip_ab2{ margin-right:-47%}
    .tip_box .con{ width:90%}
    .tip_box .con span{ right:0}
    .ab_4 #scrollObj{ width:100%}
    .product_list ul{ width:100%}
    .product_list li {
        margin: 1%;
        color: #fff;
        width: 31.333%;
    }
    .product_list .top{ width:96%; height:auto;}
    .search_in_box div{ width:29%; margin-right:0.5%}
    .search_in_box .search_submint input{ width:11%}
    .w1400{ width:92%; margin:0 auto}
    .other_links .company{margin: 36px 10px 0 10px;}
    nav ul li,.other_links .company{ font-size:14px}
    .other_links {
        margin-left: 10px;
    }

    .other_links .sites {
        font-size: 13px;
        margin-right: 10px;
    }
    .w_1400{ width:92%; margin:0 auto}
}
@media (max-width: 1300px){
    .bottom_list ul li{
        width: 23%;
    }
    .bottom_list li{
        padding: 0 4% !important;
    }
    .product_wel li{
        width: 31.33%;
        margin: 1%;
    }
}
@media (max-width: 1285px){
.home_banner .swiper-container {
    height: 530px;
}
.write_box_list2 li .img img{ width:100%}
.wrap_1_in .title_1 h1 {
    color: #000;
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 20px;
}
.wrap_4_in .tip_title{ font-size:26px;}
.wrap_3_in h1 {
    color: #000;
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 20px;
}
nav ul li{
    margin: 0 11px;
}
nav{
    padding-left: 3%;
}
.wrap_1_in .title_1 .text{ width:100%}
.wrap_2_in .box_wel_title .tip_title{ font-size:36px;}
.wrap_2_in .box_wel_title {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 20px;
}
.wrap_2_in .box_wel_title .text .con {
    height: auto;
    margin-bottom: 16px;
}
.wrap_text li{ width:31.33%; margin:1%; padding:1%}
.wrap_text li .texts{ padding:10px;width: 79%}
.wrap_text li .imgs{
    width: 46px;
}
.wrap_text li:first-child {
    margin-left: 1%;
}
.wrap_text li .imgs{ margin-right:4%; margin-top:3%
}
.wrap_text h1 {
    font-size: 34px;
    position: relative;
    display: inline;
    line-height: 22px;
}
.wrap_2_in .box_wel_title a {
    width: 98px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #9dafc3;
    font-size: 12px;
    text-align: center;
    color: #fff;
    display: block;
}
.wrap_2_in .box_wel_title .text {
    float: left;
    width: auto;
    padding-left: 3%;
    border-left: 1px solid #859cb4;
    margin-left: 3%;
}
.wrap-2 img{ width:90%; margin:0 auto; display:block}
.cic_right_box {
    position: absolute;
    left: 50%;
    margin-left: -40%;
    top: 16%;
    width: 80%;
    height: 330px;
}
.cic_right_box .cic_1 {
    width: 85px;
    height: 85px;
    background: rgba(8,69,132,0.5);
    left: 9%;
    top: 30%;
}
.cic_right_box .cic_2 {
    width: 54px;
    height: 54px;
    background: rgba(246,171,0,0.5);
    left: 20%;
    top: 49%;
}
.cic_right_box .cic_3 {
    width: 100px;
    height: 100px;
    background: rgba(246,171,0,0.5);
    left: 23%;
    top: 62%;
}
.cic_right_box .cic_4 {
    width: 82px;
    height: 82px;
    background: rgba(246,171,0,0.5);
    right: 34%;
    top: 63%;
    z-index: 1;
}
.cic_right_box .cic_4:before {
    width: 52px;
    height: 52px;
    left: -10px;
    top: 48px;
}
.cic_right_box .cic_5 {
    width: 50px;
    height: 50px;
    background: rgba(246,171,0,0.5);
    right: 39%;
    top: 37%;
    z-index: 1;
}
.cic_right_box .cic_6 {
    height: 66px;
    left: 47%;
    top: 60%;
}
.cic_right_box .cic_7 {
    width: 32px;
    height: 32px;
    right: 36%;
    top: 62%;
}
.cic_right_box .cic_9 {
    width: 105px;
    height: 105px;
    right: 7%;
    top: 4%;
}
.cic_right_box .cic_10:before {
    width: 54px;
    height: 54px;
    position: absolute;
    left: -27px;
    top: -13px;
}
.cic_right_box .cic_10 {
    width: 96px;
    height: 96px;
    left: 49%;
    top: 6%;
}

.cic_right_box .cic_11 {
    width: 79px;
    height: 70px;
    left: 43%;
    top: 39%;
}
.cic_right_box .cic_9:before {
    width: 72px;
    height: 72px;
    left: 62px;
    top: 64px;
}
.cic_right_box .cic_8 {
    width: 130px;
    height: 130px;
    right: 15%;
    top: 26%;
}
.cic_right_box .cic_8:before {
    width: 96px;
    height: 96px;
    left: 43px;
    top:82px;
}
.sou_r{ margin-left:15px}
.sou_r em{ margin-left:20px; margin-right:0}
.tic_t{ font-size:14px;}
.w1285{ width:96%}
.bottom_list li{ width:24%; padding:0 10%}
.bottom_list li:first-child {
     padding-left: 10%; 
}
.product_wel li{ width:31.33%; margin:1%}
.product_wel .left img{ height:auto;}
.product_wel .right{ padding:30px;}
.product_wel .left{ overflow:hidden; height:auto;}
.video_wel .left{ padding:5% 6.3%}
.footer-main li{
     margin-right: 10%;
    width: 8%;}
.footer-main li:first-child{}
.footer-main,.footer .con{ width:96%}
.footer .top,.footer .top .cn a{ font-size:12px;}
}

@media (max-width: 1240px){
.zhanlue_list li .left {
    padding: 20px 30px;
}
.zhanlue_list .left .con{ height:166px;}
.ab_1 .left h1 {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}
.ab_1 .atip-box .atip_l{ 
margin-bottom:30px;
}
.ab_1 .right{ height:400px;}
.late_news .right li .text{ padding:30px;}
}

@media (max-width: 1220px){
.home_banner .swiper-container {
    height: 450px;
}
.fenbu_list .right .con {
    color: #888;
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 20px;
}
.fenbu_list .right h1{ font-size:20px; line-height:22px; margin-bottom:20px; height:22px;}
.fenbu_list li{ margin-bottom:40px}
.cic_right_box .cic_12 {
    left: 117px;
    top: -72px;
}
.cic_right_box .cic_13 {
    right: 141px;
    top: -68px;
}
}
@media (max-width: 1120px){
.swiper-container#news_list {
    height: 320px;
}
}
@media (max-width: 1200px){
.footer-main li h2{ font-size:14px; margin-bottom:15px;}
.bottom_list ul li{
    padding: 0 2% !important
}
.bottom_list li .text h1{
    font-size: 18px;

}
.bottom_list li .imgs{
    margin-right: 10px;
}
.footer .con{ margin-left:0}
.footer-main li p a{ font-size:12px;}
.home_banner .swiper-slide .title .p2{ font-size:40px;}
.home_banner .swiper-slide .title .p3{ font-size:50px;}
.product_wel .right h1 {
    font-size: 16px;
    line-height: 20px; margin-bottom:10px;
}
.product_wel .right span{ font-size:14px; margin-bottom:10px;}
.tip_ab2 .con{ font-size:14px; line-height:20px;}
.m-search-box {
    width: 94%;
    margin-left: -47%;
}

.footer .top .list {
    width: 20%;
    text-align: left;
    margin-right: 5%;
}
.footer .top .list.list-last{ width:25%}
.home_banner .swiper-slide .title {
    height: 100%;
    width: 90%;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
}


.z-index{ padding-top:30px;}


}
@media (max-width: 1180px){ 
.ab_1 .right {    height: 348px;}
.tip_ab2 .con{ margin-bottom:20px}
nav ul li {    margin: 0 8px;}
header .logo{ width:130px}
header .logo{ margin-top:44px}
.tic_t{ padding-left:15px; font-size:12px;}
}

@media (max-width: 1100px){
.in_top li a{ font-size:14px;}
}
@media (max-width: 1024px){
    .bottom_list li .imgs{
        width: 40px;
        height: 47px;
        line-height: 47px;
        margin-right: 5px;
    }
    .phone_fix .sou_r{
        margin-left: 0
    }
    .bottom_list li .text h1{
        margin: 5px 0;
        font-size: 14px;
        text-align: left;
    }
    .bottom_list ul li{
        width: 24%
    }
.sou_r{ border-left:none}
.foote{
    text-align: center;
}
header .header {
    display: none;
}
.z-index{ padding-bottom:30px}
.head_phone{ display:block}

.sub-menu{ display:block}
.footer{ display:none}
.foote{ display:block}
.search-fixed{
    display: none;
}
.contact_job .contact_right .con{ font-size:12px}
.contact_job .contact_right .con h1 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}
}
@media (max-width: 1024px){
    .wrap_3_in .news-link {
        margin-left: -66px;
        width: 132px;
    }
    .product_wel li a span font strong{
        font-size: 16px;
    }
    .product_wel li a span em {
        right: 15px;
        bottom: -12px;
    }
}
@media (max-width: 1000px){
.wrap_text li .imgs{ width:30px; height:30px; margin-top:8%}
.home_banner .swiper-slide .title .p2{ width:100%}
.in_top li a{ font-size:12px;}
.in_top li a {
    margin: 0 10px; padding:18px 0;
}
.in_top li a img {
    margin-right: 10px;
}
}
@media (max-width: 979px) and (min-width: 769px)){

}
@media (max-width: 910px){
.wrap_text li{ width:100%}
.wrap_text li .imgs {
    width: 55px;
    height: 55px;
    margin-top: 1%;
}

.wrap_text li .imgs {
    margin-right: 2%;}
.wrap_2_in .box_wel_title {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 15px;
}
.wrap_2_in .box_wel_title .tip_title {
    font-size: 24px;
}
}
@media (max-width: 900px){
.ab_1 .left,.ab_1 .right{ width:100%}
.ab_1 .left .con{ padding-left:0}
.ab_1 .left{ padding-right:0}
.ab_1 .left h1{ font-size:20px;}
.ab_1 .atip-box .atip_r{ font-size:12px;}
}
@media (max-width: 840px){

}
@media (max-width: 800px){

.swiper-container#news_list {
    height: 260px;
}
.wrap_3{ padding:30px 0}

.cic_right_box .cic_10 {
    width: 44px;
    height: 44px;
    background: rgba(109,183,44,0.5);
    left: 55%;
    top: 13%;
}
.cic_right_box .cic_10:before {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -11px;
    top: -9px;
    content: "";
    background: rgba(109,183,44,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_12{width: 50px;
    height: 50px;left: 19%;
    top: -12%;}
.cic_right_box .cic_12:before{width: 30px;
    height: 30px;right:-14px;top:24px;}
.cic_right_box .cic_13{ width: 62px;
    height: 62px;    right: 16%;
    top: -8%;}
.cic_right_box .cic_13:before{width: 32px;
    height: 32px;left: -18px;
    top: 24px;}
.cic_right_box .cic_9 {
    width: 54px;
    height: 54px;
    background: rgba(109,183,44,0.5);
    right: 10%;
    top: 19%;
}
.cic_right_box .cic_9:before {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 26px;
    top: 34px;
    content: "";
    background: rgba(109,183,44,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_8 {
    width: 62px;
    height: 62px;
    background: rgba(8,69,132,0.57);
    right: 15%;
    top: 25%;
}
.cic_right_box .cic_8:before {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 33px;
    top: 48px;
    content: "";
    background: rgba(8,69,132,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_6 {
    height: 32px;
    background: rgba(8,69,132,0.5);
    left: 47%;
    top: 42%;
    width: 32px;
}
.cic_right_box .cic_6:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -12px;
    top: 0px;
    content: "";
    background: rgba(8,69,132,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_5 {
    width: 30px;
    height: 30px;
    background: rgba(246,171,0,0.5);
    right: 42%;
    top: 34%;
    z-index: 1;
}
.cic_right_box .cic_5:before {
    width: 15px;
    height: 15px;
    position: absolute;
    right: -12px;
    top: 10px;
    content: "";
    background: rgba(246,171,0,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_4 {
    width: 40px;
    height: 40px;
    background: rgba(246,171,0,0.5);
    right: 38%;
    top: 43%;
    z-index: 1;
}
.cic_right_box .cic_4:before {
    width: 22px;
    height: 22px;
    position: absolute;
    left: -12px;
    top: 20px;
    content: "";
    background: rgba(246,171,0,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_1 {
    width: 40px;
    height: 40px;
    background: rgba(8,69,132,0.5);
    left: 15%;
    top: 31%;
}
.cic_right_box .cic_1:before {
    width: 26px;
    height: 26px;
    position: absolute;
    left: -14px;
    top: 2px;
    content: "";
    background: rgba(8,69,132,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_2 {
    width: 25px;
    height: 25px;
    background: rgba(246,171,0,0.5);
    left: 22%;
    top: 39%;
}
.cic_right_box .cic_2:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: -5px;
    top: 15px;
    content: "";
    background: rgba(246,171,0,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_3 {
    width: 50px;
    height: 50px;
    background: rgba(246,171,0,0.5);
    left: 26%;
    top: 52%;
}
.cic_right_box .cic_3:before {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: 11px;
    content: "";
    background: rgba(246,171,0,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_11 {
    width: 30px;
    height: 30px;
    background: rgba(109,183,44,0.5);
    left: 46%;
    top: 30%;
}
.cic_right_box .cic_11:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -8px;
    top: -3px;
    content: "";
    background: rgba(109,183,44,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.cic_right_box .cic_7 {
    width: 15px;
    height: 16px;
    background: rgba(8,69,132,0.5);
    right: 41%;
    top: 41%;
}
.cic_right_box .cic_7:before {
    width: 10px;
    height: 10px;
    position: absolute;
    left: -3px;
    top: 9px;
    content: "";
    background: rgba(8,69,132,0.5);
    border-radius: 360px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
}
@media (max-width: 768px){
        .anime .cic_right_box .cic_8 img{
    max-width: 20%
}
.wrap_1{ padding:30px 0}
.load-logo2 img{ width:100%}
.fixed_right{ display:none}
.home_banner .swiper-container{ height:330px !important; }

.home_banner .swiper-slide .title .p1 {
font-size: 16px; padding-top:7%;
    line-height: 20px;
    margin-bottom: 3%;
}
.home_banner .swiper-slide .title span{ margin-bottom:3%}	
.home_banner .swiper-slide .title .p2{ margin-bottom:4%; font-size:20px; line-height:26px}
.home_banner .swiper-slide .title .p3 { line-height:34px;
    font-size: 26px;
}
.home_banner .swiper-slide .title .p3 a {
    height: 36px;
    line-height: 36px; width:40%;
    font-size: 12px;

}
.cicle_box .icon3_boder p {
    width: 50%;
    float: right;
}
.home_banner .swiper-slide{ background-size:100% auto!important}

header .header{ display:none}
.other_banner .banner .title .p1 {
    margin-top: 4%;
}
.other_banner .banner .title .p1{ font-size:20px;}
.other_banner .banner .title span{ margin-bottom:2%}
.sub-menu{ display:block}
.other_banner .banner .title .p2 {
    line-height: 24px;
    font-size: 12px;}

}
@media (max-width: 750px){

}
@media (max-width: 680px){
    .bottom_list ul li{
        width: 44% !important;
        padding: 0 5% !important
    }
    .bottom_list li:nth-child(1),.bottom_list li:nth-child(3){
        margin-left: 10%;
    }
    .bottom_list ul li:nth-child(3):before{
        background:none;
    }
    .bottom_list li .imgs{
        margin: 0;
        margin-bottom: 0;
    }
    .bottom_list li:before{
        background: none;
        width: 0;
    }
    .bottom_list li .imgs{
        margin-bottom: 0;
    }
}
@media (max-width: 660px){
.contact_job .contact_left,.contact_job .contact_right{ width:100%}
.search_in_box div input, .search_in_box div select{ font-size:12px;}
.search_in_box div{ line-height:30px; height:30px; font-size:12px;}
.search_in_box .search_submint input{ height:30px;}
.map-355 form li{ width:100%; margin-left:0}
.ab_dis_list li{ width:50%; }
.ab_1 .right{ height:auto;}
.ab_dis_list li .top .sum{ font-size:20px;}
.ab_dis_list li .con_dis{ font-size:12px; line-height:20px;}
.phone_dh .logo {
    width: 146px;
}
.in_top li a{ margin:0}
#map{ height:300px}
.top_h,.scrolltext{ width:220%}
.m-search-box input.tex{ width:75%}

.report_table::-webkit-scrollbar  
{  
    width: 16px;  
    height: 16px;  
    background-color: #F5F5F5;  
}  
 

.wrap_3_in .wrap_3_newsbox .flex-viewport li{ height:auto;}
.wrap_3_in .wrap_3_newsbox .flex-viewport li .text{ border:1px solid #ccc; border-top:none; padding-bottom:2px}
.info-page .back {
    border-radius: 30px;
    font-size: 13px;
    text-align: center;
    width: 108px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px; float:none
}
.ab_2 .jiagou {
    width: 230%;
}
.tip_ab2 h1{ font-size:20px; margin-bottom:0}
.tip_ab2 .con {
    font-size: 12px;
    line-height: 18px; height:36px; overflow:hidden
}

.tip_ab2 .con{ width:100%}

.tip_ab{ font-size:18px; margin-bottom:18px;}


.bottom_list li{ width:50%}
.wrap_2_in .box_wel_title .text{ border-left:none; padding-left:0; margin-left:0}
.wrap_text h1 {
    font-size: 18px;
    position: relative;
    display: inline;
    line-height: 22px;
}
.wrap_text h1 sub {
    top: -3px;
    font-size: 13px;
    line-height: 18px;
    height: 18px;
    font-weight: 700;
    display: block;
    right: -10px;
    position: absolute;
}
.wrap_text li .imgs {
    width: 40px;
    height: 40px;}
.wrap_text li .imgs {
    margin-right: 4%;
}
.wrap_text li {
    padding: 3%;
}


.wrap-2 img {width: 100%;}
.cic_right_box .cic_1 {
     width: 40px;
    height: 40px;
    left: 6%;
    top: 24%;
}
.cic_right_box .cic_1:before {
    width: 25px;
    height: 25px;
    left: -10px;
    top: 6px;}
.cic_right_box .cic_2 {
    width: 30px;
    height: 30px;
    left: 13%;
    top: 47%;
}
.cic_right_box .cic_2:before {
    width: 20px;
    height: 20px;
    left: -10px;
    top: 7px;
}
.cic_right_box .cic_3 {
    width: 50px;
    height: 50px;
    left: 18%;
    top: 63%;
}
.cic_right_box .cic_3:before {
    width: 35px;
    height: 35px;
    right: -18px;
    top: 10px;
}
.cic_right_box .cic_4 {
    width: 20px;
    height: 20px;
    right: 38%;
    top: 76%;
    z-index: 1;
}
.cic_right_box .cic_4:before {
    width: 10px;
    height: 10px;
    left: -6px;
    top: 9px;
}
.cic_right_box .cic_5 {
       width: 50px;
    height: 50px;
    right: 35%;
    top: 54%;
    z-index: 1;
}
.cic_right_box .cic_5:before {
    width: 35px;
    height: 35px;
    right: -5px;
    top: 10px;
}
.cic_right_box .cic_11 {
       width: 40px;
    height: 40px;
    left: 44%;
    top: 47%;
}
.cic_right_box .cic_11:before {
    width: 25px;
    height: 25px;
    left: -6px;
    top: -1px;
}
.cic_right_box .cic_10:before {
    width: 40px;
    height: 40px;
    left: -10px;
    top: -8px;
}
.cic_right_box .cic_10 {
    width: 60px;
    height: 60px;
    left: 46%;
    top: -4%;
}
.cic_right_box .cic_6 {
  height: 40px;
    left: 47%;
    top: 66%;
    width: 40px;
}
.cic_right_box .cic_6:before {
    width: 25px;
    height: 25px;
    left: -7px;
    top: 0px;
}
.cic_right_box .cic_4 {
    width: 20px;
    height: 20px;
    right: 35%;
    top: 30%;
    z-index: 1;
}
.cic_right_box .cic_7 {
   width: 12px;
    height: 12px;
    right: 36%;
    top: 68%;
}
.cic_right_box .cic_7:before {
    width: 6px;
    height: 6px;
    left: -3px;
    top: 6px;
}
.cic_right_box .cic_9 {
       width: 60px;
    height: 60px;
    right: -2%;
    top: 2%;
}
.cic_right_box .cic_9:before {
    width: 45px;
    height: 45px;
    left: 32px;
    top: 23px;
}
.cic_right_box .cic_8 {
       width: 70px;
    height: 70px;
    right: 12%;
    top: 26%;
}
.cic_right_box .cic_8:before {
    width: 55px;
    height: 55px;
    left: 15px;
    top: 31px;
}
.cic_right_box .cic_13,.cic_right_box .cic_12{
    display: none;
}
}

@media (max-width: 480px){
.bottom_list li .imgs {
    width: 30px;
    margin-right: 10px;
}
.about-nav .por{
    padding-top: 18vw;
}
.home_banner .pagination{
    margin: 0;
}
.wrap_2_in .box_wel_title .tip_title{
    width: 100%;
    line-height: 52px;
    text-align: center;
}
.wrap_2_in .box_wel_title .text .con {
    margin-bottom: 10px;
}
.wrap_2_in .box_wel_title .text{
    width: 100%;
    text-align: center;
}
.wrap_2_in .box_wel_title a{
    margin: 0 auto;
}
.product_wel li{
    margin: 0;
}
 .bottom_list ul li{
        padding: 0 2% !important
    }
.box_wel_title{ margin-bottom:20px}
.wrap_4{ padding:30px 0}
.wrap_4_in .tip_title {
    font-size: 20px;
}
.bottom_list li .text{ margin:0 auto; text-align:center}
.bottom_list li{ padding:0 5%; margin-bottom:10px}
.bottom_list li:last-child {
    padding-right: 5%
}
.bottom_list li .text h1 {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 10px
}
.bottom_list li .text b {
    font-size: 12px;
    color: #888;
    line-height: 14px;}
.wrap_3_in h1 {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
.write_box_list2 li .name {
    text-align: left;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 15px;
}
.help_list .write_box_list2 .flex-direction-nav{ width:100%}
.write_box_list2 a.more:after,.help_list .write_box_list2 .flex-direction-nav .flex-nav-next,.help_list .write_box_list2 .flex-direction-nav .flex-nav-prev{ width:40px; height:40px}
.write_box_list2 li .box .con {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    padding: 4%;
}
.write_box_list2 li .con .name1 {
    height: 40px;
    margin-bottom: 20px;
}
.wrap_3_in .flexslider span {
    width: 34px;
    height: 1px;
    background: #7b7879;
    display: block;
    margin: 0 auto 12px auto;
}
.wrap_text li .imgs{ margin-top:4%}
.write_box_list2 li .img img{ width:100%}
.write_box_list2 li .img{ height:41.5vw;}
.product_wel li a span font strong {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}
.write_box_list2 .slides{
    margin-bottom: 25px;
}
.product_wel li a span {
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    bottom: 30px;
    height: 24px;
    padding: 0 15px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
}
.product_wel li a span em{ right:10px}
.product_wel li a span em img{ width:90%}
.cic_right_box{ height:132px}

.wrap_1_in .title_1 h1 {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
}
.wrap_1_in .title_1 span {
    width: 34px;
    height: 1px;
    background: #7b7879;
    display: block;
    margin: 0 auto 12px auto;
}
.wrap_1_in .title_1 .text{ width:100%; height:auto; margin-bottom:20px}
.wrap_2{ padding:40px 0}
.product_wel li{ width:100%}
.product_wel li a div img{ width:100%}
.product_wel{ overflow:hidden}
.home_banner{ display:none}
.phone_wrap2{ display:block}
.contact_job .contact_right .con {line-height: 24px;}
.contact_job .contact_right .con p img {margin-right: 10px;width: 14px;}
.backtop:hover{background: #ef3332 url(../img/03.png) no-repeat center 15px; background-size:50% auto;}
.pagebox{ margin-bottom:30px;}
.news_detail_con h1{ font-size:14px; line-height:24px;}
.news_detail_con .top_tt span{ font-size:12px; margin-bottom:10px;}
.info-page{ margin-top:20px; padding-top:15px;}

.other_banner .banner .title .p1 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2%;
}
.other_banner .banner img{ width:130%; max-width:none}
.phone_nav_menu{ font-size:12px}
.phone_nav_menu li img {
    margin-right: 5px;
    width: 14px;
}
.rlzy_table{ padding-bottom:20px; margin-top:30px}
.other_banner .banner .title span {
    margin-bottom: 2%;
}
.other_banner .banner .title .p2 {
    line-height: 16px;
    font-size: 12px;
}
.intro_content li{ width:100%}
.map-355{ margin-bottom:0}
.phone_nav_menu{ display:block;}
.in_top{ display:none;}

.phone_wrap2 .swiper-slide .title .p1{ font-size:12px;letter-spacing: 10px; margin-bottom:2%}
.phone_wrap2 .swiper-slide .title .p2 {
    margin-bottom: 8%;
    font-size: 14px;
    line-height: 18px;
}
.phone_wrap2 .swiper-slide .title .p3 {
    line-height: 22px;
    font-size: 18px; color:#fff; opacity:0.5
}



.home_banner .swiper-slide .title .p1{ font-size:12px;letter-spacing: 10px;}
.home_banner .swiper-slide .title .p2 {
    margin-bottom: 2%;
    font-size: 14px;
    line-height: 18px;
}
.home_banner .swiper-slide .title .p3 {
    line-height: 22px;
    font-size: 16px;
}
.home_banner .swiper-container {
    height: 150px;
}
.home_banner .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 360px;
    background: #fff;
}
.home_banner .swiper-container-horizontal>.swiper-pagination-bullets,.home_banner .swiper-pagination-custom,.home_banner .swiper-pagination-fraction{ margin:10px; bottom:0}
.late_news .right li .text,.late_news .right li .imgs{ width:100%}
.product_wel .right h1 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
}
.late_news .left .swiper-container .swiper-wrapper .swiper-slide .text{ width:100%}
.product_wel .right span{ font-size:12px; height:20px; overflow:hidden}
.product_wel .right b{ width:96%;padding-left: 20px; text-align:left}
.product_wel li .right b:after {
    background: #0a4e97 url(../img/home/bj.png) no-repeat center center;
    bottom: 8px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.product_wel li .right b {
    background: #0a4e97;
    color: #fff;
}
.product_wel .right b{ font-size:12px}
.product_wel .right {
    line-height: 15px;
    font-size: 12px;}
.product_wel .right .text{ display:none}
.video_wel .left .p2 {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 24px;
}
.video_wel .left .text{ font-size:12px;}
.tip_box .con{ padding:40px 20px}
.tip_box .con span{ width:36px; height:33px;}
.tip_box .con h1 {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 30px;
}
.tip_box .text_scroll {
    height: 320px;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}
.ab_1 .right .swiper-container {
    height: 220px;
}
.ab_1 .right .swiper-button-next.swiper-button-white, .ab_1 .right .swiper-container-rtl .swiper-button-prev.swiper-button-white{ width:70px; height:50px; background-size:50% auto;}
.ab_1 .right .swiper-button-next.swiper-button-white:hover {
    background-size:50% auto;
}
.ab_1 .left .con{margin-bottom:30px;}
.ab_1 .right .swiper-slide span{ display:none}
.product_list li{ width:48%}
.ab_4 .ab_bottom .right #map{ height:300px}
.load-logo2{ display:block}
.load-logo{ display:none;}
.loadings {
    position: absolute;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    top: 40%;
}
.load-logo img{ width:100%}
.line_left{}
.wrap_3_in .wrap_3_newsbox .flex-viewport li .text b{ display:none}
.about_job a.more{ width:60%; line-height:40px; height:40px; font-size:14px; margin-top:40px;}
.about_job .job-list-tpl2 dd{ padding:3% 4%; font-size:12px}
.about_job .job-list-tpl2 dd td span{ font-size:14px}
.about_job .job-list-tpl2 dt{ height:40px; line-height:40px; font-size:12px}
.about_job .job-list-tpl2 dt:after{ width:16px; height:16px; margin-top:-8px;}
.late_news .left .swiper-container .swiper-wrapper .swiper-slide .text{ position:relative}
.late_news .left .swiper-container .swiper-wrapper .swiper-slide .title img{ max-width:100%; height:auto}
.late_news .left .swiper-container .swiper-wrapper .swiper-slide .title{ margin-bottom:0}
.late_news .left .swiper-container .swiper-wrapper .swiper-slide .text{    background: rgba(10,78,151,1);}
.late_news .left .swiper-container{ padding-bottom:80px;}
.late_news .left .swiper-button-next,.late_news .left .swiper-button-prev{ background-size:100% 100%; width:30px; height:30px}
.late_news .left .left_btns{ width:66px; height:30px; margin-bottom:20px}
.late_news .left .swiper-button-next:hover {
    background: url(../img/home/date.png) no-repeat; background-size:100% 100%; 
}
.late_news .left .swiper-button-prev:hover {
    background: url(../img/home/dateh.png) no-repeat; background-size:100% 100%; 
}
.wrap_3_in .tip_title{ font-size:24px}
.ab_1 .right{ height:220px}
} 
@media (max-width: 375px){
.swiper-container#news_list {
    height: 420px;
}
.ab_2 .jiagou {
    width: 250%;
}
}
@media (max-width: 320px){
.ab_1 .right{ height:210px}
.swiper-container#news_list {
    height: 390px;
}
.other_banner .banner .title .p1{ margin-top:6%}
.in_top li a {
    padding: 3% 8px;
}
}